<style>
  ul { margin:10px; list-style:inside circle; font-weight:bold; }
  li { cursor:pointer; }
</style>

<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
</script>

<div id="accordion">
	{% for category in categories %}
		<h3><a href="#">{{ category.title }}</a></h3>
		<div>
			<ul>
				{% for tag in category.tags %}
					<li>{{ tag.name }}</li>
				{% endfor %}
  			</ul>
		</div>
	{% endfor %}
</div>


<script>
    $("li").toggle(
      function () {
        $(this).css({"list-style-type":"disc", "color":"red"});
      },
      function () {
        $(this).css({"list-style-type":"", "color":""});
      }
    );
</script>